
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="author" content=""/>
	<meta name="renderer" content=webkit>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="format-detection" content="telephone=no" />
	<title>广东洲明节能科技有限公司-首页</title>
	<meta name="keywords" content="广东洲明节能科技有限公司">
	<meta name="description" content="广东洲明节能科技有限公司">
	<link rel="icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/public.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="Index">

<!--导航start-->
<!--做程序是替换成正常导入代码即可-->
<lwdiv file="header.html" Home='on'></lwdiv>
<!--导航end-->

<!--Banner图片-->
<section id="IndexBan">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide animate3s">
				<a href="#" class="Box">
					<div class="cont">
						<div class="container">
							<h2 class="h2">专业照明</h2>
							<p class="p">路隧、城市景观与公共照明系列产品及解决方案</p>
							<span class="more">了解更多</span>
						</div>
					</div>
					<div class="pc"><img src="images/index/Banner.jpg" alt="Image"></div>
				</a>
			</div>
			<div class="swiper-slide animate3s">
				<a href="#" class="Box">
					<div class="cont">
						<div class="container">
							<h2 class="h2">专业照明</h2>
							<p class="p">路隧、城市景观与公共照明系列产品及解决方案</p>
							<span class="more">了解更多</span>
						</div>
					</div>
					<div class="pc"><img src="images/index/Banner.jpg" alt="Image"></div>
				</a>
			</div>
			<div class="swiper-slide animate3s">
				<a href="#" class="Box">
					<div class="cont">
						<div class="container">
							<h2 class="h2">专业照明</h2>
							<p class="p">路隧、城市景观与公共照明系列产品及解决方案</p>
							<span class="more">了解更多</span>
						</div>
					</div>
					<div class="pc"><img src="images/index/Banner.jpg" alt="Image"></div>
				</a>
			</div>
		</div>
		<div class="point">
			<div class="paginations"></div>
		</div>
	</div>
</section>
<!--Banner图片-->

<!--关于洲明start-->
<section ></section>
<!--关于洲明end-->


<!--视频弹框-->
<div class="TankVideoBox">
	<div class="VideoBox xy-half"><a href="javascript:;" class="exit"></a><video width="100%" autoplay preload="" x-webkit-airplay="true" airplay="allow" webkit-playsinline="true" playsinline="true" controls="true" src=""></video></div>
</div>

<!--底部start-->
<!--做程序是替换成正常导入代码即可-->
<lwdiv file="footer.html"></lwdiv>
<!--底部end-->

<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/JavaScript.js"></script>
<script>
$(function(){
	/**Banner图片**/
	var mySwiper = new Swiper('#IndexBan .swiper-container', {
		speed:1000,
		autoplay: {
			delay: 3800,
			disableOnInteraction: false,
		},
		navigation: {
			prevEl: '#IndexBan .prev',
			nextEl: '#IndexBan .next',
		},
		pagination: {
			el: '#IndexBan .paginations',
			clickable :true,
		}
	});
	var sBox1 = new Swiper('.IndexBlockD .swiper-container', {
		speed:1000,
		roundLengths: true,
		loop:true,
		slidesPerView: 1,
		pagination: {
			el: '.IndexBlockD .points',
			clickable :true,
		}
	});
	var sBoxC = new Swiper('.IndexBlockE .swiper-container', {
		speed:1000,
		roundLengths: true,
  		autoHeight: true, //高度随内容变化
		slidesPerView: 3,
		spaceBetween: 36,
		watchOverflow: true,
		breakpoints: {
			1200: {
				spaceBetween: 14,
			},
			992: {
				slidesPerView: 2,
				spaceBetween: 10,
			}
		},
		navigation: {
			prevEl: '.IndexBlockE .prev',
			nextEl: '.IndexBlockE .next',
		},
	});

$('.IndexBlockC .numBox .num strong').each(function(i){
	$(this).attr('data-num',$(this).text()).text('0');
});
$(window).scroll(function(){
	var w_h = $(window).height()*0.75;
	var st_p = $(window).scrollTop();
	var dt_p = $('.numBox').offset().top;
	if(dt_p < st_p+w_h){
		if(!$('.IndexBlockC .numBox').hasClass('on')){
			$('.IndexBlockC .numBox').addClass('on')
			$('.IndexBlockC .numBox .num strong').each(function(i){
				$(this).numberRock({
					lastNumber:$(this).attr('data-num'),
					duration:1500,
					easing:'swing',  //慢快慢
				});
			});
		}
	}
});
});
</script>
</body>
</html>